<template>
	<view class="content">
		<view class="title">申请成为代理商</view>
		<view class="detail">
			<uv-parse :content="shopConfigStore.config?.agentAgreement"></uv-parse>
		</view>
		<coreshop-fixed-bottom-button @onClick="onSubmitApply()" title="申请成为代理商"></coreshop-fixed-bottom-button>
	</view>
</template>

<script lang="ts" setup>
	import { useShopConfigStore } from '@/core/store';

	/** 获取项目配置 */
	const shopConfigStore = useShopConfigStore();

	const emits = defineEmits(['submitApply']);
	const onSubmitApply = () => {
		emits('submitApply');
	}
</script>

<style lang="scss" scoped>
	.content {
		height: 60vh;
	}

	.title {
		font-size: 35rpx;
		padding: 30rpx 0;
		text-align: center;
	}

	.detail {
		height: 42vh;
		overflow: scroll;
		margin: 5px 25rpx;
		padding: 20rpx;
		border-radius: 15rpx;
		background-color: #ffffff;
		font-size: 28rpx;
	}
</style>